﻿<!DOCTYPE html>
<html>
<head>	
	<style>
		html,body,#container
			{
			width:100%;
			height:100%;
			}	
		#header
			{
			height:16%;
			background-color:#FFA500
			}
		#menu
			{
			height:80%;
			width:20%;
			background-color:#F7F7F7;
			float:
			left;
			}
		#content
			{
			height:80%;			
			width:80%;
			float:left;
			background-color:#EEEEEE;
			}
		#footer
			{
			height:4%;
			background-color:#FF0000;clear:both;text-align:center;
			}
	</style>
</head>
<body>

<div id="container">

<div id="header">Header</div>

<div id="menu">
<iframe align="center"  width="100%" height="100%" frameborder="0" src="menu.html" >	</iframe>
</div>

<div id="content">
<iframe align="center"  width="100%" height="100%" frameborder="0" name="iframe_content" src="" >	</iframe>
</div>

<div id="footer">Footer</div>

</div>

</body>

</html>